<!DOCTYPE html>
<html lang="zh-Hans"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>{$web_title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0, minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link rel="stylesheet" href="/public/novel/style/weui.min.css"/>
    <link rel="stylesheet" href="/public/novel/style/swiper.min.css"/>
    <link rel="stylesheet" href="/public/novel/style/wx.css"/>
    <style type="text/css">
        .top {background: #09b295; }
        .nav .active a {color: #09b295; border-bottom: 2px solid #09b295; }
        .footer .footer-bottom {background: #09b295; }
        .footer .footer-bottom p {color: #4CD601; }
        .btn_top, .btn_bottom {background: #09b295; }
        .login .web_login .g_list li .code button {background: #09b295; }
        .login .web_login .switch .right {color: #09b295; }
        .panel-list-box .list-tab ul li.tab-active {color: #09b295; }
        .panel-list-box .list-tab ul li.tab-active:before {background: #09b295; }
        .panel-list-box .list-book .book-item:nth-of-type(1) .order, .panel-list-box .list-book .book-item:nth-of-type(2) .order, .panel-list-box .list-book .book-item:nth-of-type(3) .order {background: #09b295; }
        .book_btn .free {background: #09b295; }
        .book_btn a {border: 1px solid #09b295; }
        .book_btn .shelf {color: #09b295; }
        .book_profiles p a {color: #09b295; }
        .model_box .layui-m-layerbtn span[yes] {color: #09b295; }
        .stacks li .list .active {color: #09b295; }
        .stacks .screen:after {border-color: #09b295; }
        .stacks .open:after {border-color: #09b295; }
        .dir {border-left: 1px solid #09b295; border-top: 1px solid #09b295; border-bottom: 1px solid #09b295; }
        .dir a {color: #09b295; border-right: 1px #09b295 solid; }
        .dir .active {background-color: #09b295; }
        .my-account p em {color: #09b295; }
        @charset "UTF-8";
        .page-turn {
            height: 33px;
            display: -webkit-box;
            padding-top: 10px
        }

        .page-turn .page-last, .page-turn .page-next {
            height: 33px;
            line-height: 33px;
            border: 1px solid #b4b4b4;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-align: center;
            color: #b4b4b4;
            padding: 0 15px;
            display: block
        }

        .page-turn a {
            color: #b4b4b4
        }

        .page-turn .page-select {
            text-align: center;
            color: #b4b4b4;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin: 0 10px;
            height: 33px;
            border: 1px solid #b4b4b4;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            display: block
        }

        .page-turn .page-select select {
            color: #b4b4b4;
            width: 100%;
            height: 100%;
            border: none;
            outline: 0;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px
        }

        .page-turn .page-select select option {
            color: #b4b4b4
        }

        .page-turn .page-select a.back {
            line-height: 33px
        }

        button, input {
            -webkit-appearance: none;
            border-radius: 0;
            outline: 0;
            border: 0
        }

        .fff {
            color: #fff
        }

        .m-t {
            margin-top: 8px
        }

        .m-b {
            margin-bottom: 8px
        }

        header {
            background: #fff
        }

        .top {
            overflow: hidden;
            position: relative;
            padding: 10px 15px;
            background: #fff
        }

        .top .language {
            height: 25px;
            line-height: 25px;
            text-align: center;
            width: 25px;
            font-size: 13px;
            display: inline-block;
            color: #fff;
            border-radius: 36px;
            background-color: #09b295;
            margin-right: 5px
        }

        .top .logo {
            display: -webkit-box
        }

        .top .logo img {
            height: 35px;
            display: block
        }

        .top .login_h {
            line-height: 35px;
            position: absolute;
            right: 15px;
            top: 10px
        }

        .top .login_h .avatar {
            margin-right: 5px;
            display: inline-block;
            width: 25px;
            height: 25px
        }

        .top .login_h .avatar img {
            border-radius: 100%;
            width: 100%;
            vertical-align: middle
        }

        .top .login_h .shelf {
            color: #fe7676;
            font-size: 12px;
            padding: 0 3px;
            display: inline-block;
            height: 23px;
            width: 35px;
            line-height: 25px;
            border-radius: 15px;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border: 1px solid #fe7676;
            text-align: center
        }

        .top .login_h .no_login {
            color: #fe7676;
            display: inline-block
        }

        .top .login_h .no_login em {
            margin: 0 5px
        }

        .top .login_h .no_login a {
            vertical-align: middle;
            color: #fe7676
        }

        .search {
            position: relative
        }

        .search .search-form {
            padding: 10px 15px;
            background: #fff
        }

        .search .search-input {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            border: 1px #fafafa solid;
            background: #fafafa;
            padding-left: 10px;
            line-height: 35px;
            position: relative;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            padding-right: 30px
        }

        .search .search-input input {
            width: 100%;
            background: #fafafa;
            height: 33px;
            line-height: 33px;
            font-size: 13px
        }

        .search .search-input .search-btn {
            position: absolute;
            width: 35px;
            height: 35px;
            background: url(../images/search.png) 9px 10px no-repeat;
            background-size: 17.5px;
            right: 0;
            top: 0
        }

        .nav {
            background: #fff;
            width: 100%;
            margin-bottom: 10px
        }

        .nav ul {
            width: 100%;
            overflow: hidden
        }

        .nav ul + ul {
            margin-top: 5px
        }

        .nav ul li {
            box-sizing: border-box;
            width: 25%;
            float: left
        }

        .nav ul li a {
            color: #555;
            font-size: 12px;
            text-align: center;
            display: block
        }

        .nav ul li a .sort_icon {
            background: url(../images/sc_sort.png) no-repeat;
            width: 40px;
            height: 41px;
            background-size: 40px auto;
            display: inline-block
        }

        .nav ul li a .boy {
            background-position: 0 0
        }

        .nav ul li a .girl {
            background-position: 0 -58px
        }

        .nav ul li a .publish {
            background-position: 0 -116px
        }

        .nav ul li a .list {
            background-position: 0 -176px
        }

        .nav ul li a .sort {
            background-position: 0 -234px
        }

        .nav ul li a .new {
            background-position: 0 -293px
        }

        .nav ul li a .sign {
            background-position: 0 -351px
        }

        .nav ul li a .pay {
            background-position: 0 -410px
        }

        .nav ul li a .tit_sort {
            display: block
        }

        .nav .active a {
            color: #318901;
            border-bottom: 2px solid #318901
        }

        .index_banner {
            overflow: hidden;
            margin-right: -15px;
            margin-top: -15px
        }

        .index_banner .banner_list {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 50%;
            display: inline-block;
            margin-top: 15px;
            padding-right: 15px;
            float: left
        }

        .index_banner .banner_list a {
            display: block
        }

        .index_banner .banner_list a img {
            width: 100%;
            display: block
        }

        .chapter {
            position: relative
        }

        .chapter .chapter-item {
            padding: 10px 0;
            position: relative;
            display: block
        }

        .chapter .chapter-item:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            border-top: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .chapter .chapter-item .title {
            font-weight: 400;
            font-size: 14px;
            width: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            color: #1a1a1a
        }

        .chapter .chapter-item .title em {
            color: #fff;
            font-size: 12px;
            padding: 0 5px;
            display: inline-block;
            background: #fe6c63;
            transform: scale(.8);
            height: 20px;
            line-height: 20px;
            -webkit-transform: scale(.8);
            margin-right: 5px
        }

        .book-group-three {
            overflow: hidden;
            margin: 15px 0
        }

        .book-group-three .book-cover {
            width: 33.333%;
            float: left;
            text-align: center
        }

        .book-group-three .book-cover .book-img {
            width: 70%;
            display: inline-block;
            -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
            -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15)
        }

        .book-group-three .book-cover .book-img img {
            width: 100%;
            display: block
        }

        .book-group-three .book-cover p {
            width: 70%;
            font-size: 13px;
            color: #222;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 0 auto
        }

        .footer {
            background: #fff;
            line-height: 160%;
            text-align: center;
            padding-top: 20px
        }

        .footer p.links {
            color: #ccc
        }

        .footer p.links a {
            font-size: 15px;
            color: #333;
            margin: 0 5px;
            position: relative
        }

        .footer p.links .hot:after {
            content: '';
            display: inline-block;
            width: 18px;
            height: 13px;
            background: url(../images/hot.png) no-repeat;
            background-size: 18px;
            position: absolute;
            right: -10px;
            top: -10px
        }

        .footer .footer-bottom {
            margin-top: 5px;
            background: #4363ff;
            padding: 10px 15px
        }

        .footer .footer-bottom p {
            font-size: 14px
        }

        .head-bar {
            padding: 0;
            margin: 0;
            height: 44px;
            line-height: 44px;
            background: #fff;
            display: -webkit-box;
            position: relative;
            z-index: 101
        }

        .head-bar:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .head-bar .head-title {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-break: break-all;
            font-size: 15px;
            color: #535353;
            text-align: center
        }

        .head-bar .goback {
            background: url(../images/goback.png) no-repeat center;
            -webkit-background-size: 10px;
            background-size: 10px;
            display: block;
            height: 44px;
            width: 44px
        }

        .head-bar .home {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0 5px;
            border: 1px solid #dfdfdf;
            border-radius: 3px;
            font-size: 13px;
            color: #999
        }

        .head-bar .bar-left {
            position: absolute
        }

        .head-bar .bar-right {
            position: absolute;
            right: 15px
        }

        .head-bar .bar-more {
            display: inline-block;
            height: 16px;
            width: 16px;
            background: url(../images/open_more.png) no-repeat center;
            background-size: 16px;
            vertical-align: text-bottom
        }

        .head-bar .bar-search {
            display: inline-block;
            height: 16px;
            width: 16px;
            background: url(../images/open_search.png) no-repeat center;
            background-size: 16px;
            vertical-align: text-bottom;
            margin-right: 15px
        }

        .head-bar .close-icon {
            background: url(../images/close_more.png) no-repeat center;
            background-size: 16px
        }

        .search-box {
            z-index: 10001
        }

        .search-box .search-top {
            display: -webkit-box;
            padding: 10px 15px;
            position: relative;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

        .search-box .search-top:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .search-box .search-input {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            border: 1px #fafafa solid;
            background: #fafafa;
            position: relative;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            padding-left: 30px;
            padding-right: 30px
        }

        .search-box .search-input input {
            width: 100%;
            background: #fafafa;
            height: 30px;
            line-height: 28px;
            font-size: 13px
        }

        .search-box .search-input .search-btn {
            position: absolute;
            width: 35px;
            height: 35px;
            background: url(../images/search.png) 9px 9px no-repeat;
            background-size: 17.5px;
            left: 0;
            top: 0
        }

        .search-box .wap-search-btn {
            margin-left: 10px;
            background: #fe6c63;
            color: #fff;
            height: 30px;
            width: 40px;
            text-align: center;
            line-height: 30px;
            border-radius: 5px;
            display: inline-block
        }

        .search-box .search-hot {
            padding: 15px
        }

        .search-box .search-hot .title {
            font-size: 15px
        }

        .search-box .search-hot .keywords .list {
            display: inline-block;
            font-size: 13px;
            color: #fe6c63;
            border: 1px solid #fe6c63;
            padding: 1px 4px;
            margin-right: 5px;
            margin-top: 15px;
            border-radius: 2px
        }

        .search-box .search-history {
            padding: 15px
        }

        .search-box .search-history .title {
            font-size: 15px
        }

        .search-box .search-history .clear {
            float: right;
            font-size: 14px
        }

        .search-box .search-history .keywords {
            margin: 10px 0
        }

        .search-box .search-history .keywords .list {
            padding: 10px 0;
            display: block;
            color: #777;
            position: relative
        }

        .search-box .search-history .keywords .list:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .read-menu .menu-box {
            position: fixed;
            top: 44px;
            left: 0;
            right: 0;
            background-color: #fff;
            -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
            -webkit-transition: -webkit-transform .3s ease;
            transition: transform .3s ease;
            z-index: 99;
            visibility: hidden
        }

        .read-menu .menu-box .menu-nav {
            width: 100%;
            margin: 10px 0
        }

        .read-menu .menu-box .menu-nav ul {
            width: 100%;
            overflow: hidden
        }

        .read-menu .menu-box .menu-nav ul li {
            box-sizing: border-box;
            width: 33.3333%;
            float: left;
            margin-bottom: 10px
        }

        .read-menu .menu-box .menu-nav ul li a {
            color: #555;
            font-size: 12px;
            text-align: center;
            display: block
        }

        .read-menu .menu-box .menu-nav ul li a .icon {
            background: url(../images/icon_more.png) no-repeat;
            width: 40px;
            height: 41px;
            background-size: 40px auto;
            display: inline-block
        }

        .read-menu .menu-box .menu-nav ul li a .home {
            background-position: 0 0
        }

        .read-menu .menu-box .menu-nav ul li a .stack {
            background-position: 0 -44px
        }

        .read-menu .menu-box .menu-nav ul li a .search {
            background-position: 0 -90px
        }

        .read-menu .menu-box .menu-nav ul li a .list {
            background-position: 0 -135px
        }

        .read-menu .menu-box .menu-nav ul li a .free {
            background-position: 0 -180px
        }

        .read-menu .menu-box .menu-nav ul li a .user {
            background-position: 0 -225px
        }

        .read-menu .menu-box .menu-nav ul li a .tit {
            display: block
        }

        .read-menu .menu-box .read-btn {
            margin-bottom: 15px;
            text-align: center
        }

        .read-menu .menu-box .read-btn a {
            font-size: 14px;
            line-height: 36px;
            display: inline-block;
            min-width: 210px;
            padding: 0 10px;
            text-align: center;
            color: #fff;
            border-radius: 99px;
            background: #fe6c63
        }

        .read-menu .menu-toggle {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            visibility: visible
        }

        .read-menu .menu-mask {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .45);
            top: 44px;
            z-index: 99
        }

        .my-info {
            background: #fff;
            padding: 15px;
            position: relative;
            background-image: url(../images/user-bg.png);
            -webkit-background-size: 100% auto;
            background-size: 100% auto
        }

        .my-info .head-img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: 1px solid #dbdfe0;
            display: inline-block;
            overflow: hidden;
            vertical-align: middle
        }

        .my-info .head-img img {
            width: 100%;
            height: 100%
        }

        .my-info .my-person-info {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px
        }

        .my-info .my-person-info .my-name {
            font-size: 14px;
            font-weight: 700
        }

        .my-info .my-person-info .vip {
            color: #fff;
            border-radius: 2px;
            font-size: 12px;
            padding: 0 3px;
            display: inline-block;
            background: #75d0f5;
            transform: scale(.7);
            -webkit-transform: scale(.8)
        }

        .my-info .my-person-info .year {
            color: #fff;
            border-radius: 2px;
            font-size: 12px;
            padding: 0 3px;
            display: inline-block;
            background: #ef6961;
            transform: scale(.8);
            -webkit-transform: scale(.8)
        }

        .my-info .my-person-info .lv {
            color: #fff;
            border-radius: 2px;
            font-size: 12px;
            padding: 0 3px;
            display: inline-block;
            background: #4eaf95;
            transform: scale(.8);
            -webkit-transform: scale(.8)
        }

        .my-info .my-edit {
            width: 20px;
            height: 20px;
            display: inline-block;
            background: url(../images/edit.png) no-repeat;
            -webkit-background-size: 20px;
            background-size: 20px;
            vertical-align: super;
            position: absolute;
            right: 25px;
            margin-top: 10px
        }

        .my-info .my-account-info {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            padding-top: 10px
        }

        .my-info .my-account-info .info-item {
            width: 100%;
            display: block;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .my-info .my-account-info .info-item .info-item-title {
            display: block;
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 5px;
            color: #333
        }

        .my-info .my-account-info .info-item .info-item-num {
            display: block;
            font-size: 13px;
            color: #ef6961
        }

        .my-info .my-account-info .recharge-box {
            display: -webkit-box;
            height: 100%;
            -webkit-box-align: center;
            -webkit-box-pack: end
        }

        .my-info .my-account-info .recharge-box .recharge {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0 15px;
            background: #ef6961;
            border-radius: 3px;
            font-size: 13px;
            color: #fff;
            bottom: 25px
        }

        .user-list {
            padding: 0 15px;
            background: #fff;
            overflow: hidden
        }

        .user-list .user-item {
            display: block;
            padding: 15px 0 15px 30px;
            font-size: 14px;
            color: #313233;
            position: relative
        }

        .user-list .user-item:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            border-top: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .user-list .user-item:first-child:before {
            display: none
        }

        .user-list .user-item:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 1px 1px 0 0;
            border-color: #ababab;
            border-style: solid;
            -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
            transform: matrix(.71, .71, -.71, .71, 0, 0);
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right: 10px
        }

        .user-list .user-item .txt-info {
            color: #666;
            font-size: 13px;
            margin-right: 25px;
            float: right
        }

        .user-list .list-icon {
            background: url(../images/user.png) no-repeat;
            -webkit-background-size: 17px auto;
            background-size: 17px auto
        }

        .user-list .user_account {
            background-position: 0 17px
        }

        .user-list .user_vip {
            background-position: 0 -21px
        }

        .user-list .user_finance {
            background-position: 0 -58px
        }

        .user-list .user_bookshelf {
            background-position: 0 -95px
        }

        .user-list .user_bookcomment {
            background-position: 0 -132px
        }

        .user-list .user_message {
            background-position: 0 -168px
        }

        .user-list .user_help {
            background-position: 0 -205px
        }

        .user-list .user_pay {
            background-position: 0 -242px
        }

        .user-list .user_kf {
            background-position: 0 -279px
        }

        .user-list .user_setting {
            background-position: 0 -317px
        }

        .user-list .user_wx {
            background-position: 0 -353px
        }

        .user-list .user_qq {
            background-position: 0 -389px
        }

        .user-list .user_wb {
            background-position: 0 -426px
        }

        .signout {
            display: block;
            background: #ef6961;
            color: #fff;
            padding: 10px 0;
            text-align: center
        }

        .dir {
            display: -webkit-box;
            height: 30px;
            border: 1px solid #08b395;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px
        }

        .dir a {
            width: 50%;
            display: block;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: center;
            font-size: 14px;
            color: #08b395;
            line-height: 30px;
            border-right: 1px #08b395 solid
        }

        .dir a:last-child {
            border-right: none
        }

        .dir .active {
            background-color: #08b395;
            color: #fff
        }

        .bookshelf .chapter-item:first-child:before {
            display: none
        }

        .bookshelf .chapter-item .read-chapter {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            margin-top: 10px
        }

        .bookshelf .chapter-item .read-chapter .name {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            -webkit-box-flex: 1;
            overflow: hidden;
            font-size: 13px;
            color: #8c8c8c
        }

        .bookshelf .chapter-item .read-chapter .goon-read {
            margin-left: 25px;
            font-size: 13px;
            color: #08b395
        }

        .bookmark .chapter-item {
            padding: 0
        }

        .bookmark .chapter-item:before {
            display: none
        }

        .bookmark .chapter-item .mark_info {
            margin-top: 5px;
            color: #8c8c8c;
            font-size: 13px;
            display: -webkit-box;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 1
        }

        .bookmark .chapter-item .mark_info em {
            color: #fe6c63
        }

        .bookmark .del {
            position: absolute;
            display: block;
            width: 40px;
            height: 40px;
            bottom: 10px;
            right: 0;
            background: url(../images/del.png) no-repeat center;
            background-size: 16px
        }

        .book_btn {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            margin: 0 15px 15px
        }

        .book_btn a {
            display: block;
            height: 33px;
            text-align: center;
            line-height: 33px;
            border: 1px solid #08b395;
            border-radius: 3px;
            margin-top: 5px;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 14px
        }

        .book_btn .free {
            background: #08b395;
            color: #fff;
            margin-right: 10px
        }

        .book_btn .shelf {
            color: #08b395;
            margin-left: 10px
        }

        .article_new {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            margin: 10px 0
        }

        .article_new a {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #7b7a7b
        }

        .article_new a em {
            color: #ef6961
        }

        .article_new .updata_time {
            color: #7b7a7b
        }

        .article_new .vip {
            border: 1px solid #ef6961;
            font-size: 12px;
            padding: 0 2px;
            color: #ef6961;
            height: 13px;
            line-height: 14px;
            border-radius: 3px;
            margin-top: 3px
        }

        .book-dir .chapter-item:last-child:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .book-dir .name {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex
        }

        .book-dir .name .title {
            color: #7b7a7b
        }

        .book-dir .name .free {
            color: #08b395;
            font-size: 13px
        }

        .book-dir .name .vip {
            display: inline-block;
            width: 15px;
            height: 15px;
            background: url(../images/lock.png) no-repeat;
            background-size: 15px
        }

        .author-speak {
            line-height: 150%
        }

        .author-speak > dl {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            margin-top: 5px;
            color: #5e5e5e
        }

        .author-speak > dl dd {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .author-speak > dl dt {
            color: #fe6c63;
            margin-right: 5px
        }

        .author-speak > dl a {
            color: #08b395
        }

        .author-speak > dl em {
            color: #08b395
        }

        .panel-list-box {
            height: auto;
            min-height: 100%;
            background: #fff;
            overflow: hidden
        }

        .panel-list-box + header {
            z-index: 9999;
            position: fixed
        }

        .panel-list-box .list-tab {
            min-width: 76px;
            width: 25%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
            float: left;
            position: fixed;
            left: 0;
            bottom: 0;
            top: 45px;
            z-index: 99
        }

        .panel-list-box .list-tab ul {
            position: relative;
            width: 100%;
            height: 100%
        }

        .panel-list-box .list-tab ul:after {
            content: " ";
            position: absolute;
            right: 0;
            top: 0;
            width: 1px;
            bottom: 0;
            border-right: 1px solid #eaeaea;
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-transform: scaleX(.5);
            transform: scaleX(.5)
        }

        .panel-list-box .list-tab ul li {
            height: 46px;
            line-height: 46px;
            text-align: center;
            position: relative;
            color: #8c8c8c
        }

        .panel-list-box .list-tab ul li.tab-active {
            color: #fb4e5d
        }

        .panel-list-box .list-tab ul li.tab-active:before {
            content: '';
            position: absolute;
            top: 15px;
            left: 10px;
            display: block;
            width: 3px;
            height: 17px;
            background: #fb4e5d
        }

        .panel-list-box .list-book {
            margin: 0 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 25%;
            position: relative;
            top: 45px;
            margin-bottom: 45px
        }

        .panel-list-box .list-book > div {
            display: none
        }

        .panel-list-box .list-book > div.tab-content-active {
            display: block
        }

        .panel-list-box .list-book .book-item:nth-of-type(1) .order, .panel-list-box .list-book .book-item:nth-of-type(2) .order, .panel-list-box .list-book .book-item:nth-of-type(3) .order {
            background: #fb4e5d
        }

        .panel-list-box .list-book .book-name {
            color: #4d4d4d;
            font-size: 14px;
            white-space: nowrap;
            word-wrap: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right: 20px
        }

        .panel-list-box .list-book .book-desc {
            color: #8c8c8c
        }

        .panel-list-box .list-book .book-desc .art-new, .panel-list-box .list-book .book-desc .num, .panel-list-box .list-book .book-desc .state, .panel-list-box .list-book .book-desc .time {
            margin-top: 0;
            font-size: 13px;
            display: block;
            white-space: nowrap;
            word-wrap: normal;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .panel-list-box .list-book .book-desc .time {
            color: #fb4e5d
        }

        .panel-list-box .list-book .order {
            position: absolute;
            background: #8c8c8c;
            width: 18px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            right: 0;
            top: 0;
            color: #fff;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px
        }

        .chapter-content {
            background: #f2f2f2
        }

        .chapter-content .chapter-head {
            padding: 10px 0;
            line-height: 30px
        }

        .chapter-content .chapter-head .title {
            font-size: 18px;
            color: #333
        }

        .chapter-content .chapter-text {
            margin-top: 10px;
            font-size: 16px;
            line-height: 27px;
            color: #333
        }

        .chapter-content .chapter-text p {
            text-indent: 2em;
            margin: 8px 0;
            text-align: justify
        }

        .chapter-content .page-last, .chapter-content .page-next, .chapter-content .page-select, .chapter-content .page-turn .page-next, .page-turn .chapter-content .page-next {
            border-color: #333
        }

        .chapter-content .page-last a, .chapter-content .page-next a, .chapter-content .page-select a, .chapter-content .page-turn .page-next a, .page-turn .chapter-content .page-next a {
            color: #333
        }

        .read_set_bar {
            margin: 10px 0;
            text-align: center;
            overflow: hidden
        }

        .read_set_bar a {
            float: left;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin-left: 10px;
            font-size: 17px;
            line-height: 30px
        }

        .read_set_bar .tu {
            background: #f3dcb9
        }

        .read_set_bar .white {
            background: #fff
        }

        .read_set_bar .green {
            background: #b3eaea
        }

        .read_set_bar .blue {
            background: #194d75
        }

        .read_set_bar .night {
            background: url(../images/read-icon.png) no-repeat 0 -103px;
            background-size: 30px
        }

        .read-header {
            padding: 0;
            margin: 0;
            height: 44px;
            line-height: 44px;
            background: #f2f2f2;
            display: -webkit-box
        }

        .read-header .left-header .goback {
            background: url(../images/goback.png) no-repeat center;
            -webkit-background-size: 10px;
            background-size: 10px;
            display: block;
            height: 44px;
            width: 44px
        }

        .read-header .book-title {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-break: break-all;
            font-size: 15px;
            color: #535353
        }

        .read-header .right-header {
            margin-right: 15px
        }

        .read-header .right-header a {
            display: inline-block;
            padding-left: 13px
        }

        .read-header .right-header i {
            display: inline-block;
            vertical-align: middle;
            height: 20px;
            width: 18px
        }

        .read-header .right-header i.home {
            background: url(../images/read_nav_icon.png) no-repeat 1px -32px;
            -webkit-background-size: 50px;
            background-size: 50px
        }

        .read-header .right-header i.book {
            background: url(../images/read_nav_icon.png) no-repeat -17px -31px;
            -webkit-background-size: 50px;
            background-size: 50px
        }

        .read-header .right-header i.user {
            background: url(../images/read_nav_icon.png) no-repeat -34px -32px;
            -webkit-background-size: 50px;
            background-size: 50px
        }

        .collect-tip {
            height: 40px;
            line-height: 40px;
            background: #f2dede;
            display: -webkit-box;
            color: #333
        }

        .collect-tip .collect-text {
            font-size: 12px;
            margin: 0 15px;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .collect-tip a {
            padding: 4px 10px;
            border-radius: 3px;
            margin-right: 15px;
            font-size: 13px
        }

        .collect-tip .ok {
            color: #a94442;
            border: 1px solid #a94442
        }

        .collect-tip .cancel {
            color: #333
        }

        .Theme1 .chapter-content {
            background: #f2f2f2
        }

        .Theme1 .chapter-content .chapter-head .title {
            color: #333
        }

        .Theme1 .chapter-content .chapter-text {
            color: #333
        }

        .Theme1 .page-last, .Theme1 .page-next, .Theme1 .page-select, .Theme1 .page-turn .page-next, .page-turn .Theme1 .page-next {
            border-color: #333
        }

        .Theme1 .page-last a, .Theme1 .page-next a, .Theme1 .page-select a, .Theme1 .page-turn .page-next a, .page-turn .Theme1 .page-next a {
            color: #333
        }

        .Theme1 .read-header {
            background: #f2f2f2
        }

        .Theme2 .chapter-content {
            background: url(../images/read_bg_tu.png)
        }

        .Theme2 .chapter-content .chapter-head .title {
            color: #040000
        }

        .Theme2 .chapter-content .chapter-text {
            color: #040000
        }

        .Theme2 .page-last, .Theme2 .page-next, .Theme2 .page-select, .Theme2 .page-turn .page-next, .page-turn .Theme2 .page-next {
            border-color: #040000
        }

        .Theme2 .page-last a, .Theme2 .page-next a, .Theme2 .page-select a, .Theme2 .page-turn .page-next a, .page-turn .Theme2 .page-next a {
            color: #040000
        }

        .Theme2 .read-header {
            background: url(../images/read_bg_tu.png)
        }

        .Theme3 .chapter-content {
            background: #d9ffff
        }

        .Theme3 .chapter-content .chapter-head .title {
            color: #342100
        }

        .Theme3 .chapter-content .chapter-text {
            color: #342100
        }

        .Theme3 .page-last, .Theme3 .page-next, .Theme3 .page-select, .Theme3 .page-turn .page-next, .page-turn .Theme3 .page-next {
            border-color: #342100
        }

        .Theme3 .page-last a, .Theme3 .page-next a, .Theme3 .page-select a, .Theme3 .page-turn .page-next a, .page-turn .Theme3 .page-next a {
            color: #342100
        }

        .Theme3 .read-header {
            background: #d9ffff
        }

        .Theme4 .chapter-content {
            background: #0f3756
        }

        .Theme4 .chapter-content .chapter-head .title {
            color: #84b9e5
        }

        .Theme4 .chapter-content .chapter-text {
            color: #84b9e5
        }

        .Theme4 .page-last, .Theme4 .page-next, .Theme4 .page-select, .Theme4 .page-turn .page-next, .page-turn .Theme4 .page-next {
            border-color: #84b9e5
        }

        .Theme4 .page-last a, .Theme4 .page-next a, .Theme4 .page-select a, .Theme4 .page-turn .page-next a, .page-turn .Theme4 .page-next a {
            color: #84b9e5
        }

        .Theme4 .read-header .right-header i.home {
            background-position: 1px 2px
        }

        .Theme4 .read-header .right-header i.book {
            background-position: -17px 1px
        }

        .Theme4 .read-header .right-header i.user {
            background-position: -34px 1px
        }

        .Theme4 .read-header {
            background: #0f3756
        }

        .Theme4 .read-header .book-title {
            color: #bbb
        }

        .Theme4 .read-header .left-header .goback {
            background: url(../images/goback_.png) no-repeat center;
            -webkit-background-size: 10px;
            background-size: 10px
        }

        .Theme5 .chapter-content {
            background: #242424
        }

        .Theme5 .chapter-content .chapter-head .title {
            color: #5d5d5d
        }

        .Theme5 .chapter-content .chapter-text {
            color: #5d5d5d
        }

        .Theme5 .page-last, .Theme5 .page-next, .Theme5 .page-select, .Theme5 .page-turn .page-next, .page-turn .Theme5 .page-next {
            border-color: #5d5d5d
        }

        .Theme5 .page-last a, .Theme5 .page-next a, .Theme5 .page-select a, .Theme5 .page-turn .page-next a, .page-turn .Theme5 .page-next a {
            color: #5d5d5d
        }

        .Theme5 .read-header .right-header i.home {
            background-position: 1px 2px
        }

        .Theme5 .read-header .right-header i.book {
            background-position: -17px 1px
        }

        .Theme5 .read-header .right-header i.user {
            background-position: -34px 1px
        }

        .Theme5 .read-header {
            background: #242424
        }

        .Theme5 .read-header .book-title {
            color: #bbb
        }

        .Theme5 .read-header .left-header .goback {
            background: url(../images/goback_.png) no-repeat center;
            -webkit-background-size: 10px;
            background-size: 10px
        }

        .login {
            margin: 0 auto
        }

        .login .tip {
            color: #fe6c63;
            text-align: center;
            margin-bottom: 15px
        }

        .login .web_login {
            margin: 0 auto;
            width: 290px
        }

        .login .web_login .g_list {
            background: #fff;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border: 1px solid #eaeaea
        }

        .login .web_login .g_list li {
            display: -webkit-box;
            display: -moz-box;
            display: box;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            border-bottom: 1px solid #eaeaea;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-box-flex: 1;
            -webkit-box-flex: 1;
            box-flex: 1;
            height: 40px;
            padding: 0 10px;
            background: #fff;
            position: relative
        }

        .login .web_login .g_list li:last-child {
            border-bottom: none
        }

        .login .web_login .g_list li label {
            line-height: 40px;
            font-size: 14px
        }

        .login .web_login .g_list li .inputstyle {
            border: 0;
            display: block;
            -moz-box-flex: 1;
            -webkit-box-flex: 1;
            box-flex: 1;
            -webkit-appearance: none;
            -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
            line-height: 20px;
            font-size: 14px;
            height: 20px;
            padding-top: 10px;
            padding-bottom: 9px;
            margin-left: 5px
        }

        .login .web_login .g_list li .require {
            position: absolute;
            right: 10px;
            top: 12px;
            color: #fe6c63
        }

        .login .web_login .g_list li .code {
            position: absolute;
            bottom: 2px;
            right: 15px
        }

        .login .web_login .g_list li .code img {
            vertical-align: middle;
            width: 120px;
            height: 36px
        }

        .login .web_login .g_list li .code button {
            background: #08b395;
            color: #fff;
            width: 80px;
            display: inline-block;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            height: 30px;
            line-height: 30px;
            vertical-align: text-bottom;
            text-align: center;
            font-size: 13px
        }

        .login .web_login .g_list li .code button[disabled] {
            background: #bababa
        }

        .login .web_login .switch {
            font-size: 12px;
            margin-top: 15px
        }

        .login .web_login .switch input {
            -webkit-appearance: checkbox;
            -moz-appearance: checkbox;
            appearance: checkbox;
            box-sizing: border-box;
            vertical-align: middle;
            margin: 0
        }

        .login .web_login .switch .right {
            float: right;
            color: #08b395
        }

        .login .web_login .login_tip {
            font-size: 12px;
            color: #646464;
            margin-top: 15px;
            text-align: center
        }

        .login .follow {
            padding: 0 10px
        }

        .login .follow .qr_code {
            width: 100%;
            text-align: center
        }

        .login .follow .qr_code p {
            color: #646464;
            font-size: 13px
        }

        .login .follow .qr_code img {
            width: 60%;
            height: auto;
            margin: 10px 0
        }

        .btn_bottom, .btn_top {
            width: 290px;
            height: 44px;
            line-height: 44px;
            background: #4363ff;
            border: none;
            border-radius: 4px;
            color: #fff;
            font-size: 16px;
            margin-top: 15px;
            display: block;
            text-align: center
        }

        .btn_bottom.weak {
            height: 42px;
            border: 1px solid #999;
            color: #999;
            background: #fff;
            width: 288px
        }

        .login-others {
            width: 100%;
            margin-top: 15px
        }

        .login-others .login-others-tip {
            color: #646464;
            font-size: 13px;
            margin-top: 15px;
            text-align: center
        }

        .login-others .login-others-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 25px;
            width: 150px;
            margin: 0 auto;
            margin-bottom: 15px
        }

        .login-others .login-others-title .line {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 1px;
            background: #646464
        }

        .login-others .login-others-title span {
            display: block;
            color: #646464;
            padding: 0 5px;
            font-size: 12px
        }

        .login-others ul {
            width: 100%;
            display: table
        }

        .login-others ul li {
            display: table-cell;
            width: 33%
        }

        .login-others ul a {
            display: block;
            text-align: center
        }

        .login-others ul i {
            width: 40px;
            height: 40px;
            display: inline-block;
            background: url(/template/cartoon/static/images/login_icon.png) no-repeat;
            background-size: 40px
        }

        .login-others ul i.qq {
            background-position: 0 -43px
        }

        .login-others ul i.wx {
            background-position: 0 0
        }

        .login-others ul i.wb {
            background-position: 0 -85px
        }

        .warmth-tips .head-tip {
            margin: 10px 3px;
            text-align: center;
            color: #fe6c63
        }

        .warmth-tips .head-tip:before {
            content: '';
            border-left: 2px solid #fe6c63;
            padding-right: 5px
        }

        .warmth-tips .head-tip:after {
            content: '';
            border-right: 2px solid #fe6c63;
            padding-left: 5px
        }

        .warmth-tips .content-tip {
            color: #646464;
            font-size: 13px;
            text-indent: 2em;
            line-height: 1.7
        }

        .buy-content {
            padding-top: 35%;
            text-align: center
        }

        .buy-content .title {
            color: #535353;
            font-size: 15px;
            margin-bottom: 10px
        }

        .buy-content .buy-desc {
            font-size: 14px
        }

        .buy-content .buy-desc .auto {
            font-size: 12px;
            margin-top: 10px
        }

        .buy-content .buy-desc .auto input {
            -webkit-appearance: checkbox;
            vertical-align: middle
        }

        .buy-content .buy-desc > p {
            color: #999
        }

        .buy-content .buy-desc > p > span {
            width: 50%;
            display: inline-block;
            float: left
        }

        .buy-content .buy-desc > p > span:first-child {
            text-align: right
        }

        .buy-content .buy-desc > p > span:last-child {
            color: #08b395;
            text-align: left
        }

        .buy-content .buy-desc .buy-btn {
            width: 110px;
            height: 36px;
            font-size: 14px;
            text-align: center;
            line-height: 36px;
            margin-top: 15px;
            border-radius: 5px;
            color: #999;
            border: 1px solid #999;
            display: inline-block
        }

        .pay-view {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            position: relative;
            padding: 10px 15px
        }

        .pay-view p {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            color: #535353;
            line-height: 25px
        }

        .pay-view p em {
            color: #00d8b3
        }

        .pay-view .pay {
            margin-left: 10px;
            color: #fff;
            background: #fe6c63;
            padding: 0 10px;
            height: 25px;
            line-height: 25px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

        .spend-tab {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            position: relative;
            margin-bottom: 10px
        }

        .spend-tab a {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .spend-tab a:first-child {
            padding-right: 15px;
            text-align: right
        }

        .spend-tab a:last-child {
            padding-left: 15px;
            text-align: left
        }

        .spend-tab a.active span {
            padding-bottom: 5px;
            color: #00d8b3;
            border-bottom: 2px solid #00d8b3
        }

        .finance-view {
            position: relative
        }

        .finance-view .view-item {
            display: block;
            overflow: hidden;
            padding: 10px 0;
            position: relative
        }

        .finance-view .view-item:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .finance-view .view-item .f-bd {
            margin-bottom: 5px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            color: #7b7b7b
        }

        .finance-view .view-item .f-ft {
            color: #c5c5c5;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            font-size: 12px
        }

        .finance-view .view-item .view-left {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1
        }

        .finance-view .view-item .view-right {
            margin-left: 25px
        }

        .finance-view .view-item .green {
            color: #00d8b3
        }

        .finance-view .view-item .red {
            color: red
        }

        .user-message .message-list {
            position: relative;
            padding: 10px 0
        }

        .user-message .message-list:not(:last-child):after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .user-message .message-list .message-title {
            margin-bottom: 5px;
            color: #333
        }

        .user-message .message-list .message-info {
            margin-bottom: 5px;
            color: #595959;
            font-size: 13px
        }

        .user-message .message-list .message-time {
            color: #d1d1d1;
            font-size: 12px;
            text-align: right
        }

        .followPannel {
            margin-top: 30px;
            padding: 5px;
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            background: #fff
        }

        .followPannel .followQR {
            margin-right: .8em;
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center
        }

        .followPannel .followQR img {
            width: 100%;
            max-height: 100%;
            vertical-align: top
        }

        .followPannel .followText {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            min-width: 0;
            color: #5c5c5c;
            font-size: 14px
        }

        .followPannel .followBtn {
            border: 1px solid #08b395;
            color: #08b395;
            margin-right: .8em;
            border-radius: 3px;
            width: 50px;
            height: 25px;
            line-height: 25px;
            text-align: center
        }

        .weui-mask {
            position: fixed;
            z-index: 1000;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: rgba(0, 0, 0, .6)
        }

        .weui-actionsheet {
            position: fixed;
            left: 0;
            bottom: 0;
            -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 5000;
            width: 100%;
            background-color: #efeff4;
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s
        }

        .weui-actionsheet_toggle {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .weui-actionsheet__title {
            position: relative;
            height: 65px;
            padding: 0 20px;
            line-height: 1.4;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            text-align: center;
            font-size: 14px;
            color: #888;
            background: #fcfcfd
        }

        .weui-actionsheet__title:before {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #e5e5e5;
            color: #e5e5e5;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .weui-actionsheet__title .weui-actionsheet__title-text {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2
        }

        .weui-actionsheet__menu {
            background-color: #fcfcfd
        }

        .weui-actionsheet__cell {
            position: relative;
            padding: 10px 0;
            text-align: center;
            font-size: 15px
        }

        .weui-actionsheet__cell:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            border-top: 1px solid #e5e5e5;
            color: #e5e5e5;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .weui-actionsheet__cell:active {
            background-color: #ececec
        }

        .weui-actionsheet__cell:first-child:before {
            display: none
        }

        .weui-actionsheet__cell a {
            display: block
        }

        .weui-actionsheet__action {
            margin-top: 6px;
            background-color: #fcfcfd
        }

        .container > .book-more {
            display: block;
            text-align: center;
            color: #6d6d6d;
            background: #f7f7f7;
            line-height: 36px;
            height: 36px;
            margin: 0 15px
        }

        .list-link-box {
            padding: 0 15px;
            background: #fff;
            overflow: hidden
        }

        .list-link-box .list-link {
            display: -webkit-box;
            padding: 15px 0;
            font-size: 14px;
            color: #313233;
            position: relative
        }

        .list-link-box .list-link:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 1px;
            border-top: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .list-link-box .list-link:first-child:before {
            display: none
        }

        .list-link-box .list-link:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 1px 1px 0 0;
            border-color: #ababab;
            border-style: solid;
            -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
            transform: matrix(.71, .71, -.71, .71, 0, 0);
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right: 10px
        }

        .list-link-box .list-link h4 {
            -moz-box-flex: 1;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            box-flex: 1;
            font-weight: 400
        }

        .list-link-box .list-link .txt-info {
            color: #666;
            font-size: 13px;
            margin-right: 25px
        }

        .head-tab {
            display: inline-table;
            height: 28px;
            line-height: 28px;
            border: 1px solid #08b395;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px
        }

        .head-tab a {
            display: table-cell;
            padding: 0 10px;
            text-align: center;
            font-size: 14px;
            color: #08b395;
            line-height: 28px;
            border-right: 1px #08b395 solid
        }

        .head-tab a:last-child {
            border-right: none
        }

        .head-tab .active {
            background-color: #08b395;
            color: #fff
        }

        .new_library {
            position: relative;
            margin-top: 10px
        }

        .new_library .first_screen {
            position: relative
        }

        .new_library .first_screen:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .new_library .first_screen .screen {
            position: absolute;
            line-height: 25px;
            right: 15px;
            color: #08b395;
            padding-right: 15px
        }

        .new_library .first_screen .screen:after {
            content: " ";
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 10px solid #08b395;
            position: absolute;
            top: 50%;
            margin-top: -7px;
            right: 0;
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .new_library .first_screen .screen.open:after {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

        .new_library .first_screen .list {
            padding-bottom: 10px;
            margin: 0 15px
        }

        .new_library .first_screen .list a {
            font-size: 14px;
            line-height: 25px;
            color: #7b7a7b;
            white-space: nowrap;
            margin-right: 20px
        }

        .new_library .first_screen .list .active {
            color: #08b395
        }

        .new_library .other_screen .list_screen {
            position: fixed;
            top: 90px;
            left: 0;
            right: 0;
            background-color: #fff;
            -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
            -webkit-transition: -webkit-transform .3s ease;
            transition: transform .3s ease;
            z-index: 95;
            visibility: hidden;
            padding-bottom: 15px
        }

        .new_library .other_screen .list_screen li {
            padding: 10px 0;
            margin: 0 15px;
            position: relative
        }

        .new_library .other_screen .list_screen li:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #eaeaea;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        .new_library .other_screen .list_screen li a {
            color: #7b7a7b;
            border: 1px solid #f0f0f0;
            background: #f0f0f0;
            display: inline-block;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            margin-top: 5px;
            margin-bottom: 5px;
            font-size: 14px;
            line-height: 18px;
            height: 17px;
            padding: 2px 5px;
            margin-right: 10px
        }

        .new_library .other_screen .list_screen li a.active {
            background: #fff;
            border-color: #08b395;
            color: #08b395
        }

        .new_library .other_screen .list_screen .tit {
            color: #333
        }

        .new_library .other_screen .toggle {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            visibility: visible
        }

        .new_library .mask_screen {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .45);
            top: 90px;
            z-index: 94
        }

        .new_library .btn_screen {
            font-size: 14px;
            line-height: 36px;
            display: block;
            margin: 0 15px;
            padding: 0 10px;
            text-align: center;
            color: #fff;
            margin-top: 15px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #08b395
        }
        .content{
            background: white;
            padding:15px;
        }

        .bottom-border{
            border-bottom: 8px solid #ededed;
        }
        .xieyi h4 {
            color: #ff506a;
            margin: 10px 0;
        }
        .xieyi {
            font-size: 14px;
        }
    </style>
    <!--
    <script type="text/javascript">
        /*
         * Ensure the CSRF token is added to all AJAX requests.
         */
        $(document).on('ajaxBeforeSend', function(e, xhr, options) {
            var token = $('meta[name="csrf-token"]').attr('content');
            if (token) {
                xhr.setRequestHeader('X-CSRF-TOKEN', token)
            }
        })
    </script>
    -->
</head>
<body>
<div class="header">
    <div class="head-bar">
        <div class="bar-left">
            <a href="javascript:history.back(-1)" class="ui-icon icon-back"></a>
        </div>
        <div class="head-title">注册</div>
        <div class="bar-right">
            <a href="/"><img src="__PUBLIC__/novel/images/ico/home.png" style="width:25px;height:25px"/></a>
        </div>
    </div>
</div>
<div class="container">
    <div class="content xieyi">
        <p>
            您只有无条件接受以下所有服务条款，才能申请天下中文网注册帐号
        </p>
        <h4>1.特别提示</h4>
        <p>天下中文网同意按照本协议的规定及其不时发布的操作规则提供基于互联网的相关服务(以下称"网络服务")，为获得网络服务，服务使用人(以下称"用户")同意本协议的全部条款并按照页面上的提示完成全部的注册程序。用户在进行注册程序过程中点击"同意"按钮即表示用户完全接受本协议项下的全部条款。这些条款可由天下中文网域名所有者随时更新，本服务协议一旦发生变动，天下中文网将会在相关的页面上提示修改内容。修改后的服务协议一旦在页面上公布即有效代替原来的服务协议。用户在使用天下中文网提供的各项服务之前，应仔细阅读本服务协议，如用户不同意本服务协议及/或随时对其的修改，用户可以主动取消天下中文网提供的服务。
        </p>
        <h4>2.服务内容</h4>
        <p>
            2.1 天下中文网网络服务的具体内容由天下中文网根据实际情况提供，例如文学作品阅读、论坛(BBS)、聊天室、电子邮件、发表新闻评论等。天下中文网保留随时变更、中断或终止部分或全部网络服务的权利。
            <br>2.2 天下中文网在提供网络服务时，可能会对部分网络服务(例如VIp作品阅读)的用户收取一定的费用。在此情况下，天下中文网会在相关页面上做明确的提示。如用户拒绝支付该等费用，则不能使用相关的网络服务。
            <br>2.3 用户理解，天下中文网仅提供相关的网络服务，除此之外与相关网络服务有关的设备(如电脑、调制解调器及其他与接入互联网有关的装置)及所需的费用(如为接入互联网而支付的电话费及上网费)均应由用户自行负担。
        </p>
        <h4>3. 使用规则</h4>
        <p>
            3.1 用户在申请使用天下中文网网络服务时，必须向天下中文网申请注册并提供准确的个人资料，如个人资料有任何变动，必须及时更新。如因资料提供不准确而享受不到相关服务时，天下中文网不承担任何责任。

            <br>3.2 用户注册成功后，天下中文网将给予每个用户一个用户帐号及相应的密码，该用户帐号和密码由用户负责保管；用户应当对以其用户帐号进行的所有活动和事件负法律责任。

            <br>3.3 用户同意接受天下中文网通过电子邮件或其他方式向用户发送的商品促销或其他相关商业信息。

            <br>3.4 用户在使用天下中文网网络服务过程中，必须遵循以下原则：

            <br>(A) 遵守中国有关的法律和法规；

            <br>(B) 不得为任何非法目的而使用网络服务系统；

            <br>(C) 遵守所有与网络服务有关的网络协议、规定和程序；

            <br>(D) 不得利用天下中文网网络服务系统进行任何可能对互联网的正常运转造成不利影响的行为；

            <br>(E) 不得利用天下中文网网络服务系统传输任何骚扰性的、中伤他人的、辱骂性的、恐吓性的、庸俗淫秽的或其他任何非法的信息资料；

            <br>(F) 不得利用天下中文网网络服务系统进行任何不利于天下中文网的行为；

            <br>(G) 就天下中文网及合作商业伙伴的服务、产品、业务咨询应采取相应机构提供的沟通渠道，不得在公众场合发布有关天下中文网及相关服务的负面宣传。

            <br>(H) 如发现任何非法使用用户帐号或帐号出现安全漏洞的情况，应立即通告天下中文网。
        </p>
        <h4>4. 内容所有权</h4>
        <p>

            4.1 天下中文网提供的网络服务内容可能包括：文字、软件、声音、图片、录象、图表等。所有这些内容受版权法、商标法和其它财产所有权法律的保护。
            <br>4.2 用户只有在获得天下中文网或其他相关权利人的书面授权之后才能使用这些内容，而不能擅自复制、再造这些内容、或创造与内容有关的派生产品。
        </p>
        <h4> 5. 隐私保护</h4>
        <p>

            5.1 保护用户（特别是未成年人）的隐私是天下中文网的一项基本政策，因此，若父母（监护人）希望未成年人（尤其是十岁以下子女）得以使用本服务，必须以父母（监护人）名义申请注册，在接受本服务时，应以法定监护人身份加以判断本服务是否符合于未成年人。 天下中文网保证不对外公开或向第三方（5.2所列情况除外）提供用户注册资料及用户在使用网络服务时存储在天下中文网的非公开内容，但下列情况除外：
            <br>(A) 事先获得用户的明确授权；
            <br>(B) 根据有关的法律法规要求；
            <br>(C) 按照相关政府主管部门的要求；
            <br>(D) 为维护社会公众的利益；
            <br>(E) 为维护天下中文网的合法权益。
            <br>5.2 天下中文网可能会与第三方合作向用户提供相关的网络服务，在此情况下，如该第三方同意承担与天下中文网同等的保护用户隐私的责任，则天下中文网可将用户的注册资料等提供给该第三方。
            <br>5.3在不透露单个用户隐私资料的前提下，天下中文网有权对整个用户数据库进行技术分析并对已进行分析、整理后的用户数据库进行商业上的利用。 尽管天下中文网对用户的隐私权保护做了极大的努力，但是仍然不能保证现有的安全技术措施使用户的技术信息等不受任何形式的损失。
        </p>
        <h4>6. 免责声明</h4>
        <p>

            6.1 天下中文网所有者不保证以下事宜：
            <br>(A)本服务将符合您的要求
            <br>(B)本服务将不受干扰、及时提供、安全可靠或不会出错。
            <br>(C)天下中文网将努力保证连载作品的完整性，但如果由于作者或其它非天下中文网所能控制的原因导致作品的连载不能继续时，天下中文网对用户不承担任何责任。
            <br>(D)因用户滥用帐户权力而对天下中文网服务构成破坏、损害时，天下中文网有权停止该帐号的使用权力。
            <br>6.2用户明确同意其使用天下中文网网络服务所存在的风险将完全由其自己承担；因其使用天下中文网网络服务而产生的一切后果也由其自己承担，天下中文网对用户不承担任何责任。
        </p>
        <h4>7. 服务变更、中断或终止</h4>
        <p>

            7.1 如因系统维护或升级的需要而需暂停网络服务，天下中文网将尽可能事先进行通告。
            <br>7.2 如发生下列任何一种情形，天下中文网有权随时中断或终止向用户提供本协议项下的网络服务而无需通知用户：
            <br>(A)用户提供的个人资料不真实；
            <br>(B)用户违反本协议中规定的使用规则。
            <br>7.3 除前款所述情形外，天下中文网同时保留在不事先通知用户的情况下随时中断或终止部分或全部网络服务的权利，对于所有服务的中断或终止而造成的任何损失，天下中文网无需对用户或任何第三方承担任何责任。
        </p>
        <h4>8. 违约赔偿</h4>
        <p>

            用户同意保障和维护天下中文网及其他用户的利益，如因用户违反有关法律、法规或本协议项下的任何条款而给天下中文网或任何其他第三人造成损失，用户同意承担由此造成的损害赔偿责任。
        </p>
        <h4>9. 法律管辖</h4>
        <p>

            9.1 本协议的订立、执行和解释及争议的解决均应适用中国法律。
            <br>9.2 如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均应向天下中文网域名所有者所在地的人民法院提起诉讼。
        </p>
        <h4>10. 通知和送达</h4>
        <p>

            本协议项下所有的通知均可通过重要页面公告、电子邮件或常规的信件传送等方式进行；该等通知于发送之日视为已送达收件人。
        </p>
        <h4>11. 其他规定</h4>
        <p>

            11.1 本协议构成双方对本协议之约定事项及其他有关事宜的完整协议，除本协议规定的之外，未赋予本协议各方其他权利。
            <br>11.2 如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。
            <br>11.3 本协议中的标题仅为方便而设，不具法律或契约效果。
        </p>
    </div>
</div>

<div class="footer">
<!--

    <p class="links">
        <a href="/register" target="_self">注册</a>|
        <a href="/login" target="_self">登录</a>|
        <a href="/pay/index" target="_self" class="hot">充值</a>|
        <a href="/help" target="_self">帮助</a>|
        <a href="/download" target="_self">客户端</a>
    </p>
-->
    <div class="footer-bottom" style="background:#ff506a;">
        <p><span class="fff">©2016-2018 {:config('web_site_title')}</span></p>

    </div>
</div>


<div style="display: none">
</div>
    <!--加入书架成功提示-->
    <div id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">成功加入书架</p>
        </div>
    </div>

    <script src="/public/novel/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/public/novel/js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="/public/novel/js/weui.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

</script>

</body></html>